<!DOCTYPE html>
<html>
  <head>
    <title>CS580 Final Project by Yun-Yu Chen,Sophia Chang,Vince Liao,Chin-Kai Chang</title>
	<style type="text/css">canvas{background: #000000;}</style>
		<input type="checkbox" name="Shadow" onclick="toggleShadow(this)" />Shadow
		<input type="checkbox" name="Reflection" onclick="toggleReflection(this)" />Reflection
		<input type="checkbox" name="Refraction" onclick="toggleRefraction(this)" />Refraction
		<input type="checkbox" name="Specular" onclick="toggleSpecular(this)" checked="checked"/>Specular
		<BR>
		<input type="checkbox" name="GridSphere" onclick="toggleGridSphere(this)" />Grid Sphere
		<input type="checkbox" name="Polygon" onclick="togglePolygon(this)" />Polygon
		<input type="checkbox" name="L1" onclick="toggleL1(this)" checked="checked"  />Light1
		<input type="checkbox" name="L2" onclick="toggleL2(this)" />Light2
		<input type="checkbox" name="L3" onclick="toggleL3(this)" />Light3
		</BR>
  </head>
  <body>
    <canvas id="simpleCanvas" width="400" height="320"></canvas>
		<BR>
		<img src=output/All.png width="800" height="420">
  </body>
    <script type="text/javascript" src="common.js"></script>
    <script type="text/javascript" src="ppot.js"></script>
    <script type="text/javascript" src="raytracescene.js"></script>
    <script type="text/javascript" src="main.js"></script>
</html>
